<div nz-row class="mb20">
  <button nz-button nzType="primary" routerLink="/project/new">新建项目</button>
</div>
<div nz-row>
  <nz-table #basicTable [nzData]="result.list" [nzFrontPagination]="false" [nzHideOnSinglePage]="true"
            [nzSimple]="true"
            [nzTotal]="result.count" [nzPageIndex]="result.page" [nzPageSize]="result.size"
            (nzPageIndexChange)="pageChange($event)">
    <thead (nzSortChange)="sort($event)">
    <tr>
      <th nzShowSort nzSortKey="name">项目名</th>
      <th>Action</th>
    </tr>
    </thead>
    <tbody>
    <tr *ngFor="let data of basicTable.data">
      <td>{{ data.name }}</td>
      <td>
        <a [routerLink]="'/project/edit/'+data.id">编辑</a>
        <nz-divider nzType="vertical"></nz-divider>
        <a nz-popconfirm nzPopconfirmTitle="确认删除该项目吗?" (nzOnConfirm)="deleteConfirm(data.id)">删除</a>
      </td>
    </tr>
    </tbody>
  </nz-table>
</div>
